<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="keywords"
      content="网易教育产品，云课堂，网易公开课，中国大学MOOC，网易微专业，职业充电"
    />
    <meta
      name="description"
      content="网易云课堂微专业，帮助你掌握专业技能，令你求职或加薪多一份独特优势！"
    />
    <title>EDU | 网易云教育产品部</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <!-- 公告 -->
    <div class="notice" id="notice">
      <div class="container clearfix">
        <p class="left">
          网易云课堂微专业，帮助你掌握专业知识，令你求职或加薪多一份独特优势！
        </p>
        <a class="left" href="">立即查看 ></a>
        <span onclick="closeNotice()" class="right"><i class="iconfont icon-close"></i>不再提醒</span>
      </div>
    </div>
    <!-- 导航栏 -->
    <nav class="nav">
      <div class="container clearfix">
        <div class="logo left">
          <i class="iconfont icon-education"></i>
          <h2>网易教育产品部</h2>
        </div>
        <div class="follow left">
          <span class="following" onclick="following()">
            <i class="iconfont icon-follow"></i>
            关注
          </span>
          <span class="followed">
            <i class="iconfont icon-following"></i>
            已关注
          </span>
          <span class="fans">粉丝 10086</span>
        </div>
        <div class="search right">
          <i class="iconfont icon-search" onclick="search()"></i>
          <div class="input">
            <input type="text" />
            <i class="iconfont icon-search"></i>
          </div>
        </div>
        <div class="menu right">
          <ul>
            <li>
              <a href="http://open.163.com/" target="_blank">网易公开课</a>
            </li>
            <li><a href="http://study.163.com/" target="_blank">云课堂</a></li>
            <li>
              <a href="http://www.icourse163.org/" target="_blank"
                >中国大学MOOC</a
              >
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <!-- 横幅轮播图 -->
    <div class="banner">
      <div class="container">
        <div class="pics">
          <ul>
            <li>
              <img src="./images/banner1.jpg" alt="" />
            </li>
            <li>
              <img src="./images/banner2.jpg" alt="" />
            </li>
            <li>
              <img src="./images/banner3.jpg" alt="" />
            </li>
          </ul>
        </div>
        <div class="buttons">
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>
    </div>
    <!-- 产品简介 -->
    <div class="introduction">
      <div class="container">
        <div class="intro-item">
          <i class="iconfont icon-huabanfuben"></i>
          <div>
            <h1>网易公开课</h1>
            <p>
              推出国内外名校公开课，涉及广泛的学科，名校老师认真讲解深度剖析，网易视频公开课频道搭建起强有力的网络视频教学平台。
            </p>
            <a href="">了解更多></a>
          </div>
        </div>
        <div class="intro-item">
          <i class="iconfont icon-ketang"></i>
          <div>
            <h1>云课堂</h1>
            <p>
              网易旗下大型在线学习平台，该平台面向学习者提供海量免费、优质课程，创新的个性化学习体验，自由开放的交流互动环境。
            </p>
            <a href="">了解更多></a>
          </div>
        </div>
        <div class="intro-item">
          <i class="iconfont icon-xinshouxuetang"></i>
          <div>
            <h1>中国大学MOOC</h1>
            <p>
              是爱课程网携手云课堂打造的在线学习平台，每一个有提升愿望的人，都可以在这里学习中国最好大学课程，学完还能获得认证证书。
            </p>
            <a href="">了解更多></a>
          </div>
        </div>
      </div>
    </div>
    <!-- 图片介绍 -->
    <div class="pictures">
      <div class="container">
        <img src="./images/workplace1.jpg" alt="" />
        <img src="./images/workplace2.jpg" alt="" />
        <img src="./images/workplace3.jpg" alt="" />
        <img src="./images/workplace4.jpg" alt="" />
        <img src="./images/workplace5.jpg" alt="" />
      </div>
    </div>
    <!-- 空白 -->
    <div class="nothing"></div>
    <!-- 页脚 -->
    <footer class="footer">
      <div class="container">
        <div class="info">
          <div class="logo">
            <i class="iconfont icon-education"></i>
            <h2>网易教育产品部</h2>
          </div>
          <p>©2014 icourse163.org 浙ICP备08114786号-1</p>
          <p>icourses.cn 京ICP备12020869号-2 京公网安备110102000459-2</p>
        </div>
        <div class="links">
          <p>友情连接：</p>
          <a href="">网易公开课</a>
          <a href="">网易云课堂</a>
          <a href="">中国大学MOOC</a>
        </div>
        <div class="about-us">
          <p>关于：</p>
          <a href="">我们</a>
          <a href="">联系</a>
          <a href="">关注<i></i></a>
        </div>
        <div class="more">
          <p>更多：</p>
          <a href="">常见问题</a>
          <a href="">意见反馈</a>
        </div>
      </div>
    </footer>

    <script src="./js/index.js"></script>
    <script src="./js/utils.js"></script>
  </body>
</html>
